import {onMounted, reactive} from 'vue';
import axios from "axios";

// @ts-ignore
export default function () {
    let dogList = reactive([
        'https://images.dog.ceo/breeds/pembroke/n02113023_231.jpg'
    ])
    async function addDog() {
        let result = await axios.get('https://dog.ceo/api/breed/pembroke/images/random')
        dogList.push(result.data.message)
    }
    onMounted(()=> {
        addDog()
    })
    return {dogList,addDog}
}


